//覆盖一些element-ui样式

.el-breadcrumb__inner, .el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 0px;
  }
}

.small-padding {
  .cell {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.fixed-width {
  .el-button--mini {
    padding: 7px 10px;
    width: 60px;
  }
}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;
    .el-tag {
      margin-right: 0px;
    }
  }
}

//暂时性解决dialog 问题 https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  margin-bottom: 50px;
}

.el-dialog__body {
  padding: 10px 0px;
}

//文章页textarea修改样式
.article-textarea {
  textarea {
    padding-right: 40px;
    resize: none;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #bfcbd9;
  }
}

//element ui upload
.upload-container {
  .el-upload {
    width: 100%;
    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

//dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

/*重写样式*/
.category-table{
  .el-table--medium{
    .el-table__header th{
      &:first-child{
        padding: 10px 0 10px 30px;
      }
    }
    td {
      padding: 17px 0;
      &:first-child{
        padding: 17px 0 17px 30px;
        .el-table__expand-icon{
          margin-left: -7px;
        }
      }
    }
  }
}
.el-table thead {
  color: #000 !important;  
}
.el-table__header th{
  background-color: #f7f8fa!important;
  font-weight: normal !important;
}
.el-menu.el-menu--horizontal{
  border-bottom: solid 2px #48484e;
}
.el-menu{
  background-color: #2b2b2e;
}
.el-loading-mask {
  z-index: 1000;
}

.el-menu-item, .el-submenu__title {
  height: 50px;
  line-height: 50px;
}

.el-submenu__title i{
  color: #ffffff!important;
  // font-weight: bold;
  font-weight: 400;
  font-size: 15px;
}

.el-submenu .el-menu-item {
  height: 50px;
  line-height: 50px;
  min-width: inherit;
  text-indent: 16px;
}

.el-submenu:hover .el-submenu__title{
  position: relative;
  background: #1f2d3d!important;
  &:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #009eff;
    z-index: 30;
  }
}

.el-tabs__nav-wrap::after {
  height: 1px;
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.top-operate {
  margin-bottom: 15px;
  line-height: 45px;
}

.el-table__header th{
  background-color: #f9fafc;
}

.pagination {
  text-align: right;
  margin-top: 20px;
  padding-bottom: 20px;
}

/*自定义布局边框*/
// 左边
.el-col-l{
  padding: 10px;
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
}
// 右边
.el-col-r{
  padding: 10px;
  border-bottom: 1px solid #ebeef5;
}

// 输入框右侧携带内容
.input-r-txt{
  position: relative;
  .el-input__inner{
    padding: 0 30px 0 15px;
  }
  span{
    position: absolute;
    right: 1px;
    top: 50%;
    margin-top: -17px;
    width: 30px;
    text-align: center;
    background: #f2f1f1;
    color: #606266;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 34px;
  }
}

// dialog框标题样式
.el-dialog__header{
  .el-dialog__title{
    text-align: center;
    font-weight: 700;
    display: inherit;
    padding: 0 35px;
    line-height: 1.5;
    font-size: 20px;
  }
}

// dialog-footer
.dialog-footer{
  text-align: center;
  &.small{
    .el-button{
      min-width: 80px;
    } 
  }
  .el-button{
    min-width: 140px;
  }
}

// dialog-message
.el-message-box.new-calss-input{
  textarea.el-textarea__inner{
    height: 120px;
  }
}

// 登录input框，错误提示样式调整
.login-container .el-form-item__error{
  left: 12px;
  top: 98%;
}



// tab 按钮方式展示
.botton-tab{
  padding: 10px 0;
}
.botton-tab .el-tabs__nav-wrap::after{
  background-color:#fff;
}
.botton-tab .el-tabs__item{
  background: #f2f2f2;
  color: #797979;
  border-radius: 5px;
  padding: 0 30px!important;
  margin-right: 20px;
  height: 35px;
  line-height: 35px;
  &.is-active{
    background: #2d8cf0;
    color: #fff;
  }
}
.botton-tab .el-tabs__active-bar{
  display: none;
}

.login-container .el-form-item.is-success .el-input__inner,
.login-container .el-form-item.is-success .el-input__inner:focus,
.login-container .el-form-item.is-success .el-textarea__inner,
.login-container .el-form-item.is-success .el-textarea__inner:focus {
  border-color: #5e9dd5;
}

// 流程劝酒样式调整
.el-step__title.is-process{
  color: #999999;
}
.el-step__head.is-process{
  color: #333333;
  border-color: #666666;
}
.el-step__title.is-wait {
  color: #999999;
}
.el-step__head.is-wait {
  color: #333333;
  border-color: #666666;
}

// 日期“至”间距调整
.el-date-editor .el-range-separator{
  padding: 0!important;
}

// 微客表单左侧文字大小
.member-form{
  .el-form-item__label{
    font-size: 18px;
    font-weight: normal;
  }
  .el-form-item__content{
    font-size: 16px;
  }
}
.diy-phone{
  .video-w-1{
    width: 100%;
    height: 180px;
  }
  .video-w-2{
    width: 100%;
    height: 273px;
  }
  .video-w-3{
    width: 100%;
    height: 365px;
  }
}
.shop-main{  
  .border-pic-bar{
    border: #eef4f9 1px solid;
    background: #fbfcff;
    border-radius: 0px!important;
    margin-bottom: 15px!important;
    position: relative;
    .goods-remove{
      position: absolute;
      right: -9px;
      top: -26px;
      z-index: 20;
      i{
        color: #949494;
        font-size: 20px;
        cursor: pointer;
      }
    }
  }
}
.form-diy{
  .el-checkbox__label, .el-radio__label {
    font-size: 14px!important;
  }
  .el-input-group__append, .el-input-group__prepend{
    background-color: #fff;
  }
  .el-input-group--prepend .el-input__inner{
    background-color: #f7f7f7;
    height: 32px;
    line-height: 32px;
  }
  .goods-box{
    .el-upload{
      position: relative;
    }
    .upload-tips{
      position: absolute;
      width: 100%;
      height: 20px;
      line-height: 20px;
      left: 0;
      bottom: 0;
      color: #fff;
      font-size: 12px;
      background: rgba(0, 0, 0, 0.3);
    }
    .el-upload--picture-card-s{
      min-width: 70px;
      min-height: 72px;
      line-height: 58px;
    }
  }
  .border-bar{
    position: relative;
    display: inline-block;
    vertical-align: top;
    .goods-remove{
      position: absolute;
      right: 0px;
      top: -14px;
      z-index: 20;      
      i{
        color: #949494;
        font-size: 20px;
        cursor: pointer;
      }
    }    
  }
  .goods-add-bar{
    display: inline-block;
    vertical-align: top;
  }
  .border-bottom-dashed{
    border-bottom: #cccccc 1px dashed;
  }
  .goods-s-lists{
    &.el-form-item {
      margin-bottom: 5px;
    }
    &.sortable-chosen{
      .goods-pic-box{
        &:after{
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 50px;
          height: 50px;
          border:#409eff 1px solid;
          border-radius: 5px;
          z-index: 10;
        }
      }
    }
  }
  .goods-pic-box{
    position: relative;
    cursor: pointer;
    label{
      display: inline-block;
      width: 50px;
      height: 50px;
      background: #e7e7e7;
      border-radius: 5px;
      cursor: pointer;
    }
    span{
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: 10px;
      width: 100%;
      text-align: center;
      color: #fff;
      line-height: 1.3;
      padding: 2px 0;
      font-size: 12px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      background: rgba(0, 0, 0, 0.4);
    }
  }
  .video-btn{
    .el-upload{
      min-width: auto;
      min-height: auto;
      height: 28px;
      line-height: 28px;
      border: none;
      overflow: visible;
    }
    .on-btn{
      border-radius: 3px!important;
      background: #2d8cf0;
      color: #fff;
      font-size: 14px;
      height: 28px;
      line-height: 28px;
      padding: 0 15px;
      font-style: normal;
      display: inline-block;
    }
  }
}
.circle-tab{
  .el-tabs__header{
    text-align: center;
    border-top: #f2f2f2 1px solid;
    border-bottom: #f2f2f2 1px solid;
    padding: 11px 0 6px 0!important;
    margin: 15px 0!important;
  }
  .el-tabs__nav-wrap::after{
    display: none;
  }
  .el-tabs__nav-wrap{
    display: inline-block;
    // border: #c9c9c9 1px solid;
    border-radius: 100px;
    overflow: visible;
  }
  .el-tabs__nav-scroll{
    overflow: visible;
  }
  .el-tabs__nav{
    margin-left: -160px;
    height: 40px;
    position: relative;
  }
  .el-tabs__active-bar{
    display: none;
  }
  .el-tabs__item{
    padding: 0!important;
    color: #232323;
    border-radius: 100px;
    position: absolute;
    top: -1px;
    width: 320px;
    height: 42px;
    z-index: 1;
    &.is-top:nth-child(2){
      left: -1px;
    }
    &.is-top:nth-child(1){
      right: -1px;
    }
    &.is-active{
      background: #57a3f3;
      // border: #57a3f3 2px solid;
      color: #fff;
      z-index: 3;
    }
  }
  .el-checkbox__label, .el-radio__label{
    font-size: 16px;
  }
  .el-checkbox__inner, .el-radio__inner{
    width: 18px;
    height: 18px;
  }
  .form-diy .el-form-item{
    background: none;
  }
  .form-diy .el-form-item.none-mar-b{
    margin-bottom: 0!important;
  }
  .form-diy .el-color-picker--medium .el-color-picker__trigger{
    width: 100px;
  }
  .form-diy .el-color-picker__empty, .form-diy .el-color-picker__icon{
    left: 80%;
  }
  .form-diy .el-form-item__label{
    font-size: 14px!important;
    font-weight: normal!important;
  }
  .form-diy .el-upload--picture-card{
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
  .el-form-item{
    background: #f8f8f8;
  }
  .el-form-item .el-form-item{
    margin-bottom: 22px;
  }
  .one-label>.el-form-item__label{
    text-align: center;
    font-size: 18px;
    padding-top: 22px;
  }
  .one-label>.el-form-item__content{
    border-left:#fff 10px solid;
    padding: 20px 50px 20px 0;
  }
  .el-form-item__content{
    font-size: 18px;
    .el-form-item__label{
      font-size: 18px;
      font-weight: normal;
    }
  }
}
.circle-2-tab{
  &.circle-none{
    .el-tabs__header{
      display: none;
    }
  }
  .el-tabs__header{
    text-align: center;
    border-top: #f2f2f2 1px solid;
    border-bottom: #f2f2f2 1px solid;
    padding: 11px 0 6px 0!important;
    margin: 15px 0!important;
  }
  .el-tabs__nav-wrap::after{
    display: none;
  }
  .el-tabs__nav-wrap{
    display: inline-block;
    border: #c9c9c9 1px solid;
    border-radius: 100px;
    overflow: visible;
  }
  .el-tabs__nav-scroll{
    overflow: visible;
  }
  .el-tabs__nav{
    margin-left: 0;
    width: 610px;
    height: 40px;
    position: relative;
  }
  .el-tabs__active-bar{
    display: none;
  }
  .el-tabs__item{
    padding: 0!important;
    color: #232323;
    border-radius: 100px;
    position: absolute;
    top: -1px;
    width: 320px;
    height: 42px;
    z-index: 1;
    border-bottom: none!important;
    margin-bottom: 0!important;
    min-width: auto;
    &.is-top:nth-child(2){
      left: -1px;
    }
    &.is-top:nth-child(1){
      right: -1px;
    }
    &.is-active{
      background: #57a3f3;
      // border: #57a3f3 2px solid;
      color: #fff;
      z-index: 3;
    }
  }
  .el-checkbox__label, .el-radio__label{
    font-size: 16px;
  }
  .el-checkbox__inner, .el-radio__inner{
    width: 18px;
    height: 18px;
  }
  .form-diy .el-form-item{
    background: none;
  }
  .form-diy .el-form-item.none-mar-b{
    margin-bottom: 0!important;
  }
  .form-diy .el-color-picker--medium .el-color-picker__trigger{
    width: 100px;
  }
  .form-diy .el-color-picker__empty, .form-diy .el-color-picker__icon{
    left: 80%;
  }
  .form-diy .el-form-item__label{
    font-size: 14px!important;
    font-weight: normal!important;
  }
  .form-diy .el-upload--picture-card{
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
  .el-form-item{
    background: #f8f8f8;
  }
  .el-form-item .el-form-item{
    margin-bottom: 22px;
  }
  .one-label>.el-form-item__label{
    text-align: center;
    font-size: 18px;
    padding-top: 22px;
  }
  .one-label>.el-form-item__content{
    border-left:#fff 10px solid;
    padding: 20px 50px 20px 0;
  }
  .el-form-item__content{
    font-size: 18px;
    .el-form-item__label{
      font-size: 18px;
      font-weight: normal;
    }
  }
}

.descript-con p{
  padding: 0;
  margin: 0;
}

.poster-dialog .el-dialog__header{
  padding: 0;
}
.poster-dialog .el-dialog__body{
  padding: 0;
}
.poster-dialog .el-dialog__headerbtn{
  top: -3px;
  right: -36px;
}
.poster-dialog .el-dialog__headerbtn .el-dialog__close{
  color: #fff;
  font-size: 30px;
}

.el-upload--picture-card-auto{
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 148px;
  min-height: 148px;
  line-height: 146px;
  overflow: hidden;
  img{
    display: block;
  }
  &:hover{
    border: 1px dashed #409eff;
  }
  i {
    font-size: 28px;
    color: #8c939d;
  }
}
.el-upload--picture-card-s{
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 70px;
  min-height: 70px;
  line-height: 70px;
  overflow: hidden;
  &.radius-0{
    border-radius: 0;
    background: #fff;
    border: 1px dashed #e0e5ea;
    height: 70px;
    line-height: 76px;
    i {
      color: #c5c5c5;
    }
  }
  img{
    display: block;
  }
  &:hover{
    border: 1px dashed #409eff;
  }
  i {
    font-size: 24px;
    color: #8c939d;
  }
}
.el-upload--picture-card-ms{
  background-color: #fbfdff;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  line-height: 63px;
  overflow: hidden;
  img{
    display: block;
  }
  i {
    font-size: 24px;
    color: #8c939d;
  }
}
.el-upload--picture-card-lms{
  background-color: #fbfdff;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  img{
    display: block;
  }
  i {
    font-size: 16px;
    color: #8c939d;
  }
}
.el-upload--picture-card-xs{
  background-color: #fbfdff;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 97px;
  height: 97px;
  line-height: 100px;
  overflow: hidden;
  img{
    display: block;
  }
  i {
    font-size: 24px;
    color: #8c939d;
  }
}
.el-upload--picture-card-auto-m{
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 105px;
  min-height: 105px;
  line-height: 103px;
  overflow: hidden;
  img{
    display: block;
  }
  &:hover{
    border: 1px dashed #409eff;
  }
  i {
    font-size: 28px;
    color: #8c939d;
  }
}

.panel-box .el-tabs__nav-wrap::after{
  display: none;
}
.panel-box .el-tabs{
  margin-bottom: -15px;
}

.payment-box .el-dialog__header .el-dialog__title{
  text-align: left;
}

.step-bar{
  .el-step{
    .el-step__line{
      height: 10px;
    }
    .el-step__line-inner{
      border-width: 5px!important;
    }
    .el-step__icon{
      width: 40px;
      height: 40px;
      margin-top: -4px;
    }
    .el-step__icon-inner{
      font-size: 28px;
      font-weight: normal;
    }    
  }
  .is-success{
    .el-step__line-inner{
      width: 100%!important;
    }
    .el-step__icon{
      background: #67c23a;
      color: #fff;
    }
  }
  .el-step__title.is-wait {
    color: #333333;
  }
  .el-step__title.is-process {
    color: #333333;
    font-weight: bold;
  }
  .el-step__title {
    font-size: 20px;
  }
  .is-process{
    .el-step__icon-inner{
      font-weight: bold;
    }
  }
  .el-step__description {
    font-size: 16px;
  }  
}

.upload-s-style .el-upload{
  padding: 9px 15px;
  min-height: 30px;
  line-height: 10px;
  height: 30px;
  i{
    font-size: 12px;
    font-style: normal;
  }
}

.circle-tab .input-table .el-checkbox__inner, .circle-tab .input-table .el-radio__inner {
  width: 14px;
  height: 14px;
}

// 搜索input
.input-search{
  .el-input__inner{
    height: 46px;
    line-height: 46px;
  }
  .el-icon-search{
    font-size: 22px;
  }
  .el-input__suffix{
    i{
      font-size: 20px;
    }    
  }
}

.el-upload--picture-mini{
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
}

// 帮助中心右侧内容定义
.content-box{
  .r-content{
    img{
      max-width: 1008px;
      height: auto;
    }
  }
}

// 注册、忘记密码表单定义
.form-box{
  .el-form-item__label{
    font-size: 18px;
  }
  .el-form-item__label{
    padding-top: 5px;
    color: #333333;
  }
  .el-input__inner{
    height: 48px;
    line-height: 48px;
  }
  .bank-info{
    .el-select{
      display: block;
    }
    .el-input__inner{
      height: 36px;
      line-height: 36px;
    }
  }
}

// 树形权限
.tree-permission{
  .is-current>.el-tree-node__content{
    background: #f5f7fa!important;
  }
  .is-expanded.is-focusable>.el-tree-node__content{
    background: #f5f7fa!important;
    &:before{
      content: '';
      background:url('../assets/images/arrow-up.png') no-repeat;
      width: 14px;
      height: 10px;
      position: absolute;
      right: 47px;
      top: 16px;
      z-index: 12;
    }
    &:after{
      content: '展开';
      font-size: 13px;
      position: absolute;
      right: 10px;
      top: 8px;
      color: #36a3f7;
      border: #36a3f7 1px solid;
      border-radius: 5px;
      padding: 0 8px 0 20px;
      height: 24px;
      line-height: 24px;
      background: #fff;
      z-index: 11;
    }
  }
  .el-tree-node__label{
    font-size: 16px;
  }
  .el-tree-node__content{
    padding: 20px!important;
    border: #d7d7d7 1px solid;
    background: #f5f7fa;
    margin-top: -1px;
    position: relative;
    &:before{
      content: '';
      background:url('../assets/images/arrow-down.png') no-repeat;
      width: 14px;
      height: 10px;
      position: absolute;
      right: 47px;
      top: 16px;
      z-index: 12;
    }
    &:after{
      content: '展开';
      font-size: 13px;
      position: absolute;
      right: 10px;
      top: 8px;
      color: #737373;
      border: #e4e4e4 1px solid;
      border-radius: 5px;
      padding: 0 8px 0 20px;
      height: 24px;
      line-height: 24px;
      background: #f0f2f5;
      z-index: 11;
    }
  }
  .el-tree-node__expand-icon{
    display: none;
  }
  .el-tree-node__children:after{
    content: '';
    display: block;
    clear: both;
    font-size: 0;
  }
  .el-tree-node__children{
    border-left: #d7d7d7 1px solid;
    border-right: #d7d7d7 1px solid;
    border-bottom: #d7d7d7 1px solid;
    background: #fff;
    padding: 8px 0;
    .el-tree-node__content{
      padding: 20px!important;
      border: none;
      background: none;
      &:before{
        content: '';
        display: none;
      }
      &:after{
        content: '';
        display: none;
      }
    }
    .el-tree-node{
      float: left;
      width: 125px;
      padding: 3px 0;
    }
  }
}

// 按钮重新定义
.el-button.medium-size{
  min-width: 390px;
  font-size: 16px;
  padding: 17px 20px;
  &.short{
    min-width: 176px;
  }
}

.read-bar{
  .el-checkbox__inner{
    width: 18px;
    height: 18px;
    border-radius: 50px;
  }
  .is-checked{
    .el-checkbox__inner::after{
      left: 6px!important;
      top: 3px!important;
    }
  }
}
.primary-btn{
  &.plant{
    .el-upload {
      border: #66b1ff 1px solid;
      color: #66b1ff;
      background: #ecf5ff;
      i{
        color: #66b1ff;
      }
    }
  }
  .el-upload{
    border: #409eff 1px solid;
    color: #fff;
    padding: 12px 20px 0 20px;
    background: #409eff;
    min-height: 36px;
    height: 36px;
    margin-bottom: -5px;
    i{
      color: #fff;
      font-size: 14px;
    }
  }
}

.cell-last{
  .el-table__row{
    td:last-child{
      background: #f5f7fa;
    }
  }
}
.big-btn{
  font-size: 18px;
  padding: 13px 22px;
}
.medium-btn{
  font-size: 16px;
  padding: 10px 18px;
}
.medium-s-btn{
  font-size: 16px;
  padding: 11px 35px;
  min-width: 138px;
  box-sizing: border-box;
}
.footer-btn{
  font-size: 16px;
  padding: 15px 36px;
}
.title-l .el-dialog__header .el-dialog__title{
  text-align: left;
  padding: 0 20px;
  font-size: 24px;
}
.long-btn.el-button{
  width: 510px;
}
.select-g-btn.el-button{
  padding: 10px 15px;
  box-sizing: border-box;
  min-width: 75px;
}
.select-g-btn.actived.el-button{
  background: #909399!important;
  border: #909399 1px solid!important;
}
.buy-now-type.el-button{
  background: #fed806!important;
  border: #fed806 1px solid!important;
  padding: 5px 9px;
  color: #333!important;
}
.del-t-btn.el-button{
  color: #ff0808;
}
.set-p-input{
  .el-input__inner{
    width: 108px;
    padding: 0 10px;
  }
}
.set-s-p-input{
  .el-input__inner{
    padding: 0 10px;
  }
}
.set-p-btn.el-button{
  padding: 10px 15px;
  min-width: 108px;
}
.no-input{
  .el-input__inner{
    width: 35px;
    padding: 0 5px;
    text-align: center;
  }
}

.el-message.messageBox-shop{
  top: 80px;
}

.el-color-predefine__color-selector{
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

// 顶部吸顶tab栏
.tab-sticky {
  .el-tabs__header{
    margin: 0!important;
  }
}

.el-button{
  &.short-ebtn{
    padding: 10px 11px;
  }
  &.short-ebtn2{
    padding: 10px 14px;
  }
}
